<template>
  <GiPageLayout>
    <template #header>
      <a-tabs v-model:activeKey="activeTab" class="gi_tabs" hide-content size="large">
        <a-tab-pane key="1" title="仪表部分"></a-tab-pane>
        <a-tab-pane key="2" title="歌曲部分"></a-tab-pane>
      </a-tabs>
    </template>
    <component :is="DataOverview" v-show="activeTab === '1' "/>
    <component :is="SongEarnings" v-show="activeTab === '2'  "/>
  </GiPageLayout>
</template>

<script setup lang="ts">
import DataOverview from "@/views/musician/musicianEarnings/components/DataOverview/index.vue";
import SongEarnings from "@/views/musician/musicianEarnings/components/SongEarnings.vue";

defineOptions({name: 'MusicianEarnings'})

const activeTab = ref('1')
</script>

<style scoped lang="scss"></style>
